<!DOCTYPE html>
<html lang="zh" >
<head>
    <th:block th:include="include :: header('相识列表')"/>
</head>
<body>
<div class="main-content">
    <div class="row">
        <!-- 列表-->
        <div class="col-sm-12" id="box-title" style="margin-bottom: 20px" onclick="list(this,'1')">
            <div class="col-sm-10" style="display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;">
                <div class="col-sm-6 list-title">
                    <a style="border-bottom: #1a1a1a 1px solid;font-weight: 600;font-size: 18px" >吴女士[投诉举报]医疗机构管理</a>
                </div>
                <div style="display: flex;flex-direction: row;align-items: center;">
                    <div class="col-sm-6" style="display: none;">
                        <img style="height: 100px;width: 200px;border-radius: 5%;" th:src="@{/img/chengshi.png}">
                    </div>
                    <div class="col-sm-12 list-title">
                        <div >类型：投诉举报</div>
                        <div >诉求时间：2020/10/4  15:31:49</div>
                        <div >地点：武侯区</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-12" id="box-title" style="margin-bottom: 20px" onclick="list(this,'2')">
            <div class="col-sm-10" style="display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;">
                <div class="col-sm-6 list-title">
                    <a  style="border-bottom: #1a1a1a 1px solid;font-weight: 600;font-size: 18px">苟先生[投诉举报]医疗机构管理</a>
                </div>
                <div style="display: flex;flex-direction: row;align-items: center;">
                    <div class="col-sm-6" >
                        <img style="height: 100px;width: 200px;border-radius: 5%;" th:src="@{/img/img.png}">
                    </div>
                    <div class="col-sm-12 list-title">
                        <div >类型：投诉举报</div>
                        <div >诉求时间：2020/9/23  17:05:36</div>
                        <div >地点：青羊区</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-12" id="box-title" style="margin-bottom: 20px" onclick="list(this,'3')">
            <div class="col-sm-10" style="display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;">
                <div class="col-sm-6 list-title">
                    <a  style="border-bottom: #1a1a1a 1px solid;font-weight: 600;font-size: 18px">冯先生[投诉举报]食品安全</a>
                </div>
                <div style="display: flex;flex-direction: row;align-items: center;">
                    <div class="col-sm-6" style="display: none;">
                        <img style="height: 100px;width: 200px;border-radius: 5%;" th:src="@{/img/chengshi.png}">
                    </div>
                    <div class="col-sm-12 list-title">
                        <div >类型：投诉举报</div>
                        <div >诉求时间：2020/9/23  17:05:40</div>
                        <div >地点：成华区</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-12" id="box-title" style="margin-bottom: 20px" onclick="list(this,'4')">
            <div class="col-sm-10" style="display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;">
                <div class="col-sm-6 list-title">
                    <a href="http://localhost:8082/particulars.html" style="border-bottom: #1a1a1a 1px solid;font-weight: 600;font-size: 18px">李女士[投诉举报]景区管理</a>
                </div>
                <div style="display: flex;flex-direction: row;align-items: center;">
                    <div class="col-sm-6" style="display: none;">
                        <img style="height: 100px;width: 200px;border-radius: 5%;" th:src="@{/img/chengshi.png}">
                    </div>
                    <div class="col-sm-12 list-title">
                        <div >类型：投诉举报</div>
                        <div >诉求时间：2020/9/17  11:26:42</div>
                        <div >地点：大邑县</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-12" id="box-title" style="margin-bottom: 20px" onclick="list(this,'5')">
            <div class="col-sm-10" style="display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;">
                <div class="col-sm-6 list-title">
                    <a href="http://localhost:8082/particulars.html" style="border-bottom: #1a1a1a 1px solid;font-weight: 600;font-size: 18px">吴先生[投诉举报]基层事务管理</a>
                </div>
                <div style="display: flex;flex-direction: row;align-items: center;">
                    <div class="col-sm-6" style="display: none;">
                        <img style="height: 100px;width: 200px;border-radius: 5%;" th:src="@{/img/chengshi.png}">
                    </div>
                    <div class="col-sm-12 list-title">
                        <div >类型：投诉举报</div>
                        <div >诉求时间：2020/9/18  8:22:27</div>
                        <div >地点：武侯区</div>
                    </div>
                </div>
            </div>
        </div>


    </div>
</div>

<a id="scroll-up" href="#" class="btn btn-sm display"><i class="fa fa-angle-double-up"></i></a>
<th:block th:include="include :: footer"/>
<script>
    // for (var i = 1; i < 3; i++) {
    //     a = '<div class="col-sm-12" id="box-title" style="margin-bottom: 20px">';
    //     a += '<div class="col-sm-10" style="display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;">';
    //     a += '<div class="col-sm-6 list-title">';
    //     a += '<a style="border-bottom: #1a1a1a 1px solid;font-weight: 600;font-size: 18px">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</a>';
    //     a += '</div>';
    //     a += '<div style="display: flex;flex-direction: row;align-items: center;">';
    //     a += ' <div class="col-sm-6" >';
    //     a += ' <img style="height: 100px;width: 200px;border-radius: 5%" th:src="@{/img/chengshi.png}">';
    //     a += '</div>';
    //     a += '<div class="col-sm-12 list-title">';
    //     a += '<div >类型：表扬</div>';
    //     a += '<div >诉求时间：2022-03-10 18:15:43</div>';
    //     a += '<div >地点：成华区</div>';
    //     a += '</div>';
    //     a += '</div>';
    //     a += '</div>';
    //     a += '</div>';
    //     a += '</div>';
    //     $(".row").append(a);时
    // }
    function list(e,id) {
        // console.log(e);
        // console.log(id);
        window.location.href="/system/test/particulars?id="+id;
    }
</script>
</body>
</html>
